<template>
  <div>
    <el-carousel :interval="1500" type="card" height="460px">
      <el-carousel-item v-for="item in 6" :key="item">
        <!-- <h3 class="medium">{{ item }}</h3> -->
      </el-carousel-item>
    </el-carousel>

    <div class="block">
      <el-timeline>
        <el-timeline-item timestamp="2019-12-31" placement="top">
          <el-card>
            <h4>出现病例</h4>
            <p>
              武汉市卫健委：武汉市部分医疗机构出现27例病毒性肺炎病人，未发现明显人传人现象，未发现医务人员感染。国家卫健委专家组已抵达武汉，正展开相关检测核实工作。
            </p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-01-01" placement="top">
          <el-card>
            <h4>传谣日</h4>
            <p>
              “平安武汉”称有八名散布谣言者被依法查处。两日后的1月3日，李文亮遭训诫。
            </p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-01-21" placement="top">
          <el-card>
            <h4>医务人员感染</h4>
            <p>
              武汉已有15名医务人员感染新冠肺炎，武汉市对进出武汉人员加强管控，武汉市长呼吁外面人不要到武汉。民航局称设计武汉航班可免费办理退票。医保局对新冠患者提供特殊报销政策。
            </p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-01-23" placement="top">
          <el-card>
            <h4>武汉封城日</h4>
            <p>武汉在当日发布封城。</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-01-27" placement="top">
          <el-card>
            <h4>云监工日</h4>
            <p>火神山施工现场开始线上视频直播。</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-02-05" placement="top">
          <el-card>
            <h4>武汉方舱启用日</h4>
            <p>武汉方舱在当日宣布启用。</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-02-07" placement="top">
          <el-card>
            <h4>吹哨人日</h4>
            <p>李文亮医生逝世。</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-02-17" placement="top">
          <el-card>
            <h4>推迟两会</h4>
            <p>
              3.2万名医务人员驰援武汉。全国人大、全国政协各召开会议推迟建议推迟召开两会。
            </p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-02-18" placement="top">
          <el-card>
            <h4>刘智明去世</h4>
            <p>10点54分，武汉武昌医院院长刘智明感染新冠肺炎去世。</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-03-02" placement="top">
          <el-card>
            <h4>累计确诊超8万例</h4>
            <p>
              全国累计确诊超8万例。湖北以外30个省（自治区、直辖市）和新疆建设兵团新增死亡病例0例。我国口罩日产能产量均突破1亿只。
            </p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-03-06" placement="top">
          <el-card>
            <h4>治愈率</h4>
            <p>湖北以外30个省区市治愈率超90％。</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-03-19" placement="top">
          <el-card>
            <h4>李文亮平反纪念日</h4>
            <p>
              国家监委调查组发布《关于群众反映的涉及李文亮医生有关情况调查的通报》，建议公安机关撤销训诫书。当日，武汉公安撤销了训诫，并向李医生家属致歉。
            </p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-03-27" placement="top">
          <el-card>
            <h4>疫情转移</h4>
            <p>钟南山称疫情震中可能转移到美国。</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-04-01" placement="top">
          <el-card>
            <h4>无症状公告日</h4>
            <p>无症状感染者的统计纳入国家公告范围。</p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-04-04" placement="top">
          <el-card>
            <h4>全国哀悼日</h4>
            <p>
              为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，全国举行哀悼活动。
            </p>
          </el-card>
        </el-timeline-item>
        <el-timeline-item timestamp="2020-04-08" placement="top">
          <el-card>
            <h4>武汉解封日</h4>
            <p>武汉在这一天解封，千座大楼亮灯迎接解封。</p>
          </el-card>
        </el-timeline-item>
      </el-timeline>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import Vuetify from "vuetify";

Vue.use(Vuetify);
const opts = {};

export default {
  data() {
    return {
      picture: {},
    };
  },
  computed: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style scoped>
/* .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 200px;
    margin: 0;
} */
.el-carousel__item:nth-child(2n) {
  background: url("../image/125.jpg") no-repeat;
  background-size: 100%, 100%;
}
.el-carousel__item:nth-child(2n + 1) {
  background: url("../image/123.jpg") no-repeat;
  background-size: 100%, 100%;
}
.el-carousel__item:nth-child(3n) {
  background: url("../image/124.jpg") no-repeat;
  background-size: 100%, 100%;
}
</style>